.report {
    background-color: white;
    padding-bottom: 0px;

    padding: 20px;

    h3 {
        width: 125px;
        text-align: center;
        padding-bottom: 12px;
        margin-bottom: 20px;
    }

    .el-table__row {
        height: 48px;
    }
}

.archive {
    background-color: white;
    padding-bottom: 0px;

    .title {
        display: flex;
        padding: 20px;
        padding-bottom: 0px;
        justify-content: space-between;

        h3 {
            width: 105px;
            border-bottom: 2px solid black;
            text-align: center;
            padding-bottom: 10px;
        }

        .demo-date-picker {
            display: flex;
            width: 100%;
            padding: 0;
            flex-wrap: wrap;
        }

        .demo-date-picker .block {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            flex: 1;
        }

        .demo-date-picker .block:last-child {
            border-right: none;
        }

        .demo-date-picker .container {
            flex: 1;
            border-right: solid 1px var(--el-border-color);
        }

        .demo-date-picker .container .block {
            border-right: none;
        }

        .demo-date-picker .container .block:last-child {
            border-top: solid 1px var(--el-border-color);
        }

        .demo-date-picker .container:last-child {
            border-right: none;
        }

        .demo-date-picker .demonstration {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px;
        }
    }

    .titlecontent {
        border-bottom: 3px solid #ccc;
        padding: 10px;
        border-top: 1px solid #ccc;
        display: flex;

        .shebaobaobiao {
            padding: 10px;
            border-right: 1px solid #cccccc;
        }

    }

    .tablecontent {
        width: 100%;
        height: 500px;
        overflow: auto;
    }
}